Theme 037A

Category

Tag

All Colors

アイコン設定

/temp/unittest/parts/001_frameWithHCaptionNumIcon-5_acrePartsMain1_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


見出しのみ
アイコンの種類:安心、concept、方針、こだわり、メリット、お約束、ポイント、理由、特徴、特長、強み、ステップ
各アイコン1〜10の数字付き

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
安心1 〜 安心10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--anshin-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--anshin-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--anshin-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
安心1 〜 安心10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--anshin-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--anshin-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--anshin-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
concept1 〜 concept10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--concept-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--concept-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--concept-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
concept1 〜 concept10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--concept-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--concept-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--concept-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
方針1 〜 方針10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--houshin-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--houshin-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--houshin-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
方針1 〜 方針10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--houshin-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--houshin-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--houshin-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり1 〜 こだわり10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--kodawari-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--kodawari-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--kodawari-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり1 〜 こだわり10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--kodawari-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--kodawari-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--kodawari-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット1 〜 メリット10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--merit-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--merit-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--merit-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット1 〜 メリット10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--merit-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--merit-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--merit-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束1 〜 お約束10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--oyakusoku-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--oyakusoku-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--oyakusoku-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束1 〜 お約束10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--oyakusoku-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--oyakusoku-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--oyakusoku-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント1 〜 ポイント10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--point-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--point-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--point-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント1 〜 ポイント10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--point-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--point-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--point-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
理由1 〜 理由10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--riyu-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--riyu-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--riyu-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
理由1 〜 理由10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--riyu-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--riyu-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--riyu-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴1 〜 特徴10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴1 〜 特徴10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
特長1 〜 特長10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho2-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho2-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tokucho2-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
特長1 〜 特長10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho2-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho2-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tokucho2-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
強み1 〜 強み10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tsuyomi-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tsuyomi-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--tsuyomi-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
強み1 〜 強み10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tsuyomi-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tsuyomi-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--tsuyomi-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ1 〜 ステップ10
バリエーション1

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon__hd t0-b-frameWithHCaptionNumIcon__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--step-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--step-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon__numIcon--align t0-b-frameWithHCaptionNumIcon__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon__icon t0-b-frameWithHCaptionNumIcon__icon--step-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ1 〜 ステップ10
バリエーション2

当社の3つの特徴

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-frameWithHCaptionNumIcon2">
            <span><span><span></span></span></span>
            <div data-switchable-key="contents.1.switchable" class="t0-b-frameWithHCaptionNumIcon2__hd t0-b-frameWithHCaptionNumIcon2__hd--align-">
                <span><span><span></span></span></span>
                <div class="t0-b-frameWithHCaptionNumIcon2__hd-h">
                    <h3 data-cms-path="data.contents.1">当社の3つの特徴</h3>
                </div>
            </div>
            <div class="t0-b-frameWithHCaptionNumIcon2__bd">
                <span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--step-1"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.5">豊富な経験と高い技術力</h4>
                            </div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.7">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.8">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--step-2"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.10">地域密着型</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.13.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.12">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.13">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-frameWithHCaptionNumIcon2__numIcon--align t0-b-frameWithHCaptionNumIcon2__numIcon--align-">
                        <div class="t0-b-frameWithHCaptionNumIcon2__numIcon">
                            <div class="t0-b-frameWithHCaptionNumIcon2__iconPlacer">
                                <span class="t0-b-frameWithHCaptionNumIcon2__icon t0-b-frameWithHCaptionNumIcon2__icon--step-3"></span>
                            </div>
                            <div class="t0-b-frameWithHCaptionNumIcon2__numIcon-bd">
                                <h4 class="t0-b-frameWithHCaptionNumIcon2__numIcon-h" data-cms-path="data.contents.15">時間をかけたカウンセリング</h4>
                            </div>
                        </div>
                    </div>
                    <div data-switchable-key="contents.18.switchable" class="t0-b-frameWithHCaptionNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat">
                        <span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.17">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.18">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

アイコン設定

/temp/unittest/parts/002_twoColsMediaWithNumIcon-5_acrePartsMain2_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


見出しのみ
アイコンの種類:安心、concept、方針、こだわり、メリット、お約束、ポイント、理由、特徴、特長、強み、ステップ
各アイコン1〜10の数字付き

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
安心1 〜 安心10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--anshin-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--anshin-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--anshin-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
安心1 〜 安心10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--anshin-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--anshin-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--anshin-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
concept1 〜 concept10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--concept-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--concept-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--concept-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
concept1 〜 concept10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--concept-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--concept-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--concept-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
方針1 〜 方針10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--houshin-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--houshin-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--houshin-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
方針1 〜 方針10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--houshin-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--houshin-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--houshin-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり1 〜 こだわり10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--kodawari-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--kodawari-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--kodawari-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり1 〜 こだわり10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--kodawari-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--kodawari-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--kodawari-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット1 〜 メリット10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--merit-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--merit-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--merit-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット1 〜 メリット10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--merit-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--merit-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--merit-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束1 〜 お約束10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--oyakusoku-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--oyakusoku-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--oyakusoku-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束1 〜 お約束10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--oyakusoku-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--oyakusoku-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--oyakusoku-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント1 〜 ポイント10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--point-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--point-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--point-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント1 〜 ポイント10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--point-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--point-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--point-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
理由1 〜 理由10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--riyu-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--riyu-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--riyu-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
理由1 〜 理由10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--riyu-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--riyu-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--riyu-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴1 〜 特徴10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴1 〜 特徴10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
特長1 〜 特長10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho2-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho2-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tokucho2-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
特長1 〜 特長10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho2-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho2-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tokucho2-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
強み1 〜 強み10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tsuyomi-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tsuyomi-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--tsuyomi-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
強み1 〜 強み10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tsuyomi-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tsuyomi-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--tsuyomi-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ1 〜 ステップ10
バリエーション1
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon">
            <div class="t0-b-twoColsMediaWithNumIcon__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--step-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--step-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon__icon t0-b-twoColsMediaWithNumIcon__icon--step-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon__numIcon-bd t0-b-twoColsMediaWithNumIcon__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ1 〜 ステップ10
バリエーション2
編集枠:最上部

豊富な経験と高い技術力

編集枠:画像列(グループ1)
編集枠:グループ1

地域密着型

編集枠:画像列(グループ2)
編集枠:グループ2

時間をかけたカウンセリング

編集枠:画像列(グループ3)
編集枠:グループ3
<div>
    <div class="b-bPlacer-12s">
        <div class="t0-b-twoColsMediaWithNumIcon2">
            <div class="t0-b-twoColsMediaWithNumIcon2__hd outerHtml" data-cms-path="data.contents.0">
                <div style="border: 1px dashed red;padding: 5px;">編集枠:最上部</div>
            </div>
            <div class="t0-b-twoColsMediaWithNumIcon2__bd"><span><span><span></span></span></span>
                <div class="t0-b-twoColsMedia t0-b-twoColsMedia--colW-m ex-spLayout__horizon">
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--step-1"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.2">豊富な経験と高い技術力</h4>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row1col1 outerHtml" data-cms-path="data.contents.4">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ1)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row1col2">
                                <div class="outerHtml" data-cms-path="data.contents.5">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ1</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--step-2"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.7">地域密着型</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.10.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row2col1 outerHtml" data-cms-path="data.contents.9">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ2)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row2col2">
                                <div class="outerHtml" data-cms-path="data.contents.10">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ2</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="t0-b-twoColsMediaWithNumIcon2__numIcon">
                        <div class="t0-b-twoColsMediaWithNumIcon2__iconPlacer"><span class="t0-b-twoColsMediaWithNumIcon2__icon t0-b-twoColsMediaWithNumIcon2__icon--step-3"></span></div>
                        <div class="t0-b-twoColsMediaWithNumIcon2__numIcon-bd t0-b-twoColsMediaWithNumIcon2__numIcon-bd--align-">
                            <h4 class="t0-b-twoColsMediaWithNumIcon2__numIcon-h" data-cms-path="data.contents.12">時間をかけたカウンセリング</h4>
                        </div>
                    </div>
                    <div data-switchable-key="contents.15.switchable" class="t0-b-twoColsMediaWithNumIcon2__box t0-b-twoColsMedia--imgR ex-imageFloat"><span><span><span></span></span></span>
                        <div class="t0-b-twoColsMedia__div t0-b-twoColsMedia--spacing-4s">
                            <div class="t0-b-twoColsMedia__row3col1 outerHtml" data-cms-path="data.contents.14">
                                <div style="border: 1px dashed red;padding: 5px;">編集枠:画像列(グループ3)</div>
                            </div>
                            <div class="t0-b-twoColsMedia__row3col2">
                                <div class="outerHtml" data-cms-path="data.contents.15">
                                    <div style="border: 1px dashed red;padding: 5px;">編集枠:グループ3</div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

アイコン設定

/temp/unittest/parts/009_fileDownloads_fileDownloads_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


pdf,doc,xls,imgから選択できる

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
pdf
バリエーション1
<div class="ex-leftSpacingTweak-spread-2s">
    <div class="b-bPlacer-2s">
        <div class="t0-b-fileDownloads t0-b-fileDownloads--size-1" data-height-part="">
            <div class="t0-b-fileDownloads__item">
                <a data-cms-path="data.contents.0" data-cms-editable="download" href="" target="">
                    <span class="t0-b-fileDownloads__itemSplit">
                        <span class="t0-b-fileDownloads__itemIcon">
                            <span class="b-downloadIcon b-downloadIcon--pdf"></span>
                        </span>
                        <span class="t0-b-fileDownloads__itemText">ファイルをダウンロード</span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
doc
バリエーション1
<div class="ex-leftSpacingTweak-spread-2s">
    <div class="b-bPlacer-2s">
        <div class="t0-b-fileDownloads t0-b-fileDownloads--size-1" data-height-part="">
            <div class="t0-b-fileDownloads__item">
                <a data-cms-path="data.contents.0" data-cms-editable="download" href="" target="">
                    <span class="t0-b-fileDownloads__itemSplit">
                        <span class="t0-b-fileDownloads__itemIcon">
                            <span class="b-downloadIcon b-downloadIcon--doc"></span>
                        </span>
                        <span class="t0-b-fileDownloads__itemText">ファイルをダウンロード</span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
xls
バリエーション1
<div class="ex-leftSpacingTweak-spread-2s">
    <div class="b-bPlacer-2s">
        <div class="t0-b-fileDownloads t0-b-fileDownloads--size-1" data-height-part="">
            <div class="t0-b-fileDownloads__item">
                <a data-cms-path="data.contents.0" data-cms-editable="download" href="" target="">
                    <span class="t0-b-fileDownloads__itemSplit">
                        <span class="t0-b-fileDownloads__itemIcon">
                            <span class="b-downloadIcon b-downloadIcon--xls"></span>
                        </span>
                        <span class="t0-b-fileDownloads__itemText">ファイルをダウンロード</span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
img
バリエーション1
<div class="ex-leftSpacingTweak-spread-2s">
    <div class="b-bPlacer-2s">
        <div class="t0-b-fileDownloads t0-b-fileDownloads--size-1" data-height-part="">
            <div class="t0-b-fileDownloads__item">
                <a data-cms-path="data.contents.0" data-cms-editable="download" href="" target="">
                    <span class="t0-b-fileDownloads__itemSplit">
                        <span class="t0-b-fileDownloads__itemIcon">
                            <span class="b-downloadIcon b-downloadIcon--img"></span>
                        </span>
                        <span class="t0-b-fileDownloads__itemText">ファイルをダウンロード</span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>

アイコン設定

/temp/unittest/parts/036_lv4H-numIcon_lv4H-numIcon_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


見出しのみ
アイコンの種類:安心、concept、方針、こだわり、メリット、お約束、ポイント、理由、特徴、特長、強み、ステップ
各アイコン1〜10の数字付き

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
安心1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--anshin-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
安心10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--anshin-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--concept-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--concept-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--concept-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--concept-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--concept-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--concept-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--concept-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--concept-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--concept-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--concept-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--concept-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--concept-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--concept-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--concept-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--concept-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--concept-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--concept-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--concept-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--concept-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
concept10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--concept-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--houshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--houshin-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--houshin-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--houshin-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--houshin-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--houshin-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--houshin-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--houshin-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--houshin-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--houshin-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--houshin-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--houshin-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--houshin-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--houshin-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--houshin-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--houshin-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--houshin-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--houshin-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--houshin-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
方針10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--houshin-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--kodawari-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--kodawari-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--kodawari-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--kodawari-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--kodawari-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--kodawari-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--kodawari-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--kodawari-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--kodawari-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--kodawari-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--kodawari-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--kodawari-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--kodawari-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--kodawari-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--kodawari-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--kodawari-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--kodawari-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--kodawari-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--kodawari-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
こだわり10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--kodawari-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--merit-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--merit-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--merit-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--merit-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--merit-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--merit-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--merit-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--merit-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--merit-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--merit-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--merit-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--merit-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--merit-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--merit-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--merit-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--merit-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--merit-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--merit-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--merit-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
メリット10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--merit-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--oyakusoku-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--oyakusoku-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--oyakusoku-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--oyakusoku-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--oyakusoku-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--oyakusoku-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--oyakusoku-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--oyakusoku-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--oyakusoku-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--oyakusoku-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--oyakusoku-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--oyakusoku-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--oyakusoku-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--oyakusoku-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--oyakusoku-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--oyakusoku-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--oyakusoku-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--oyakusoku-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--oyakusoku-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
お約束10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--oyakusoku-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--point-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--point-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--point-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--point-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--point-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--point-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--point-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--point-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--point-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--point-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--point-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--point-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--point-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--point-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--point-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--point-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--point-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--point-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--point-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ポイント10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--point-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--riyu-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--riyu-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--riyu-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--riyu-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--riyu-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--riyu-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--riyu-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--riyu-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--riyu-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--riyu-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--riyu-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--riyu-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--riyu-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--riyu-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--riyu-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--riyu-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--riyu-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--riyu-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--riyu-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
理由10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--riyu-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特徴10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho2-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho2-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho2-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho2-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho2-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho2-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho2-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho2-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho2-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho2-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho2-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho2-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho2-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho2-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho2-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho2-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho2-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho2-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tokucho2-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
特長10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tokucho2-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tsuyomi-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tsuyomi-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tsuyomi-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tsuyomi-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tsuyomi-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tsuyomi-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tsuyomi-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tsuyomi-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tsuyomi-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tsuyomi-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tsuyomi-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tsuyomi-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tsuyomi-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tsuyomi-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tsuyomi-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tsuyomi-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tsuyomi-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tsuyomi-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--tsuyomi-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
強み10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--tsuyomi-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ1
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--step-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ1
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--step-1"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ2
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--step-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ2
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--step-2"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ3
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--step-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ3
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--step-3"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ4
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--step-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ4
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--step-4"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ5
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--step-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ5
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--step-5"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ6
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--step-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ6
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--step-6"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ7
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--step-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ7
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--step-7"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ8
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--step-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ8
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--step-8"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ9
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--step-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ9
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--step-9"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ10
バリエーション1
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon t0-b-lv4H-numIcon--align- t0-b-lv4H-numIcon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon__iconPlacer">
                    <span class="t0-b-lv4H-numIcon__icon t0-b-lv4H-numIcon__icon--step-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon__bd">
                    <div class="t0-b-lv4H-numIcon__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
ステップ10
バリエーション2
アイコン見出し補足

アイコン見出し

アイコン見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-numIcon2 t0-b-lv4H-numIcon2--align- t0-b-lv4H-numIcon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-numIcon2__iconPlacer">
                    <span class="t0-b-lv4H-numIcon2__icon t0-b-lv4H-numIcon2__icon--step-10"></span>
                </div>
                <div class="t0-b-lv4H-numIcon2__bd">
                    <div class="t0-b-lv4H-numIcon2__caption-upper" data-cms-path="data.contents.0">アイコン見出し補足</div>
                    <h4 class="t0-b-lv4H-numIcon2__h" data-cms-path="data.contents.1">アイコン見出し</h4>
                    <div class="t0-b-lv4H-numIcon2__caption-lower" data-cms-path="data.contents.2">アイコン見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>

アイコン設定

/temp/unittest/parts/045_iconText-tel_iconText-tel_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


アイコンの種類:なし、電話番号、FAX、フリーダイヤル、携帯電話

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
アイコン設定: 、サイズ設定: 1
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-1 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: 、サイズ設定: 2
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-2 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: 、サイズ設定: 3
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-3 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: 、サイズ設定: 4
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-4 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: 、サイズ設定: 5
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-5 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 1
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-1 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 2
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-2 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 3
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-3 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 4
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-4 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 5
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-5 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__tel"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 1
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-1 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__fax"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 2
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-2 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__fax"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 3
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-3 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__fax"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 4
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-4 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__fax"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 5
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-5 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__fax"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 1
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-1 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__free"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 2
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-2 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__free"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 3
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-3 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__free"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 4
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-4 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__free"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 5
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-5 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__free"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 1
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-1 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__cell"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 2
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-2 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__cell"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 3
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-3 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__cell"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 4
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-4 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__cell"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 5
バリエーション1

お電話でのお問合せはこちら

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-3s">
        <div class="t0-b-iconText-tel t0-b-iconText-tel--size-5 t0-b-iconText-tel--align-" data-height-part="">
            <div class="t0-b-iconText-tel__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.3">
            </div>
            <div class="t0-b-iconText-tel__wrap">
                <p data-cms-path="data.contents.0">お電話でのお問合せはこちら</p>

                <div data-cms-path="data.contents.1">
                    <div class="t0-b-iconText-tel__ruby" data-cms-path="data.contents.2">電話番号の語呂を入力</div>
                    <div class="t0-b-iconText-tel__bd"><span class="t0-b-iconText-tel__icon t0-b-iconText-tel__cell"></span><span>03-0000-0000</span>
                    </div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>

アイコン設定

/temp/unittest/parts/046_iconText-mail_iconText-mail_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


アイコンの種類:なし、メール

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
なし
バリエーション1
<div>
    <div class="b-bPlacer-6s">
        <div class="t0-b-iconText-mail t0-b-iconText-mail--size-1 t0-b-iconText-mail--align-" data-cms-path="data.contents.0" data-height-part="">
            <div>
                <div class="t0-b-iconText-mail__bd">
                    <a href="mailto:example@example.com">example@example.com</a></div>
            </div>
        </div>
    </div>
</div>
メール
バリエーション1
<div>
    <div class="b-bPlacer-6s">
        <div class="t0-b-iconText-mail t0-b-iconText-mail--size-1 t0-b-iconText-mail--align-" data-cms-path="data.contents.0" data-height-part="">
            <div>
                <div class="t0-b-iconText-mail__bd">
                    <span class="t0-b-iconText-mail__icon"></span><a href="mailto:example@example.com">example@example.com</a></div>
            </div>
        </div>
    </div>
</div>

アイコン設定

/temp/unittest/parts/053_lv4H-num2Icon_lv4H-num2Icon_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


アイコンの種類:数字1〜10

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
1
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
1
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-1"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
2
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-2"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
2
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-2"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
3
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-3"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
3
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-3"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
4
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-4"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
4
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-4"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
5
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-5"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
5
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-5"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
6
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-6"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
6
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-6"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
7
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-7"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
7
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-7"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
8
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-8"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
8
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-8"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
9
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-9"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
9
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-9"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
10
バリエーション1
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon t0-b-lv4H-num2Icon--align- t0-b-lv4H-num2Icon--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon__icon t0-b-lv4H-num2Icon__icon--number-10"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon__bd">
                    <div class="t0-b-lv4H-num2Icon__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>
10
バリエーション2
番号見出し補足

番号見出し

番号見出し補足
<div>
    <div class="b-bPlacer-4s">
        <div class="t0-b-lv4H-num2Icon2 t0-b-lv4H-num2Icon2--align- t0-b-lv4H-num2Icon2--size-2" data-height-part="">
            <div>
                <div class="t0-b-lv4H-num2Icon2__iconPlacer">
                    <span class="t0-b-lv4H-num2Icon2__icon t0-b-lv4H-num2Icon2__icon--number-10"></span>
                </div>
                <div class="t0-b-lv4H-num2Icon2__bd">
                    <div class="t0-b-lv4H-num2Icon2__caption-upper" data-cms-path="data.contents.0">番号見出し補足</div>
                    <h4 class="t0-b-lv4H-num2Icon2__h" data-cms-path="data.contents.1">番号見出し</h4>
                    <div class="t0-b-lv4H-num2Icon2__caption-lower" data-cms-path="data.contents.2">番号見出し補足</div>
                </div>
            </div>
        </div>
    </div>
</div>

アイコン設定

/temp/unittest/parts/140_sideBoxIconText-tel_sideBoxIconText-tel_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


アイコンの種類:なし、電話番号、FAX、フリーダイヤル、携帯電話

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
なし
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">

        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
            <div>
                <div class="t0-b-sideBoxIconText-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
                <div class="t0-b-sideBoxIconText-tel__bd"><span>03-0000-0000</span>
                </div>
            </div>
        </div>

    </div>
</div>
電話番号
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">

        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
            <div>
                <div class="t0-b-sideBoxIconText-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
                <div class="t0-b-sideBoxIconText-tel__bd"><span class="t0-b-sideBoxIconText-tel__icon t0-b-sideBoxIconText-tel__tel"></span><span>03-0000-0000</span>
                </div>
            </div>
        </div>

    </div>
</div>
FAX
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">

        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
            <div>
                <div class="t0-b-sideBoxIconText-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
                <div class="t0-b-sideBoxIconText-tel__bd"><span class="t0-b-sideBoxIconText-tel__icon t0-b-sideBoxIconText-tel__fax"></span><span>03-0000-0000</span>
                </div>
            </div>
        </div>

    </div>
</div>
フリーダイヤル
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">

        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
            <div>
                <div class="t0-b-sideBoxIconText-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
                <div class="t0-b-sideBoxIconText-tel__bd"><span class="t0-b-sideBoxIconText-tel__icon t0-b-sideBoxIconText-tel__free"></span><span>03-0000-0000</span>
                </div>
            </div>
        </div>

    </div>
</div>
携帯電話
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">

        <div class="t0-b-sideBoxIconText-tel t0-b-sideBoxIconText-tel--size-1" data-cms-path="data.contents.0">
            <div>
                <div class="t0-b-sideBoxIconText-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
                <div class="t0-b-sideBoxIconText-tel__bd"><span class="t0-b-sideBoxIconText-tel__icon t0-b-sideBoxIconText-tel__cell"></span><span>03-0000-0000</span>
                </div>
            </div>
        </div>

    </div>
</div>

アイコン設定

/temp/unittest/parts/141_sideBoxIconText-mail_sideBoxIconText-mail_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


アイコンの種類:なし、メール

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
なし
バリエーション1
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-sideBoxIconText-mail t0-b-sideBoxIconText-mail--size-1 t0-b-sideBoxIconText-mail--align-" data-cms-path="data.contents.0">
            <div>
                <div class="t0-b-sideBoxIconText-mail__bd"><a href="mailto:example@example.com">example@example.com</a>
                </div>
            </div>
        </div>
    </div>
</div>
メール
バリエーション1
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-sideBoxIconText-mail t0-b-sideBoxIconText-mail--size-1 t0-b-sideBoxIconText-mail--align-" data-cms-path="data.contents.0">
            <div>
                <div class="t0-b-sideBoxIconText-mail__bd"><span class="t0-b-sideBoxIconText-mail__icon t0-b-sideBoxIconText-mail__mail"></span><a href="mailto:example@example.com">example@example.com</a>
                </div>
            </div>
        </div>
    </div>
</div>

アイコン設定

/temp/unittest/parts/174_headerUnit-contact-tel_headerUnit-contact-tel_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


アイコンの種類:なし、電話番号、FAX、フリーダイヤル、携帯電話

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
アイコン設定: 、サイズ設定: 1
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-1" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: 、サイズ設定: 2
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-2" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: 、サイズ設定: 3
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-3" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: 、サイズ設定: 4
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-4" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 1
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-1" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__tel"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 2
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-2" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__tel"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 3
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-3" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__tel"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 4
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-4" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__tel"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 1
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-1" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__fax"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 2
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-2" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__fax"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 3
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-3" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__fax"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 4
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-4" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__fax"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 1
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-1" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__free"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 2
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-2" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__free"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 3
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-3" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__free"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 4
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-4" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__free"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 1
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-1" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__cell"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 2
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-2" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__cell"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 3
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-3" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__cell"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 4
バリエーション1
電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-headerUnit-contact-tel t0-b-headerUnit-contact-tel--size-4" data-cms-path="data.contents.0">
            <div class="t0-b-headerUnit-contact-tel__ruby" data-cms-path="data.contents.1">電話番号の語呂を入力</div>
            <div class="t0-b-headerUnit-contact-tel__bd"><span class="t0-b-headerUnit-contact-tel__cell"></span><span>03-0000-0000</span>
            </div><span></span>
        </div>
    </div>
</div>

アイコン設定

/temp/unittest/parts/188_footerUnit-contact_footerUnit-contact_f15.md
  • f15

ブロック名称:アイコン設定

[f15:アイコン設定(機能仕様)]

デザイン・機能仕様:

個別仕様


アイコンの種類:なし、電話番号、FAX、フリーダイヤル、携帯電話

テストケース:

  • (個別仕様がある場合)個別仕様通りに実装されていること 
  • スタイルガイドの見出しに記載されたもの(「安心1 〜 安心10」や「携帯電話」など)と、表示されているアイコンの種類が合っていること 
アイコン設定: 、サイズ設定: 1
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-1">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: 、サイズ設定: 2
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-2">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: 、サイズ設定: 3
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-3">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: 、サイズ設定: 4
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-4">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 1
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-1">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__tel"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 2
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-2">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__tel"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 3
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-3">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__tel"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: tel、サイズ設定: 4
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-4">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__tel"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 1
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-1">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__fax"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 2
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-2">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__fax"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 3
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-3">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__fax"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: fax、サイズ設定: 4
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-4">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__fax"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 1
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-1">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__free"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 2
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-2">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__free"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 3
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-3">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__free"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: free、サイズ設定: 4
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-4">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__free"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 1
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-1">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__cell"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 2
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-2">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__cell"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 3
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-3">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__cell"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>
アイコン設定: cell、サイズ設定: 4
バリエーション1

お気軽にお問合せ下さい

電話番号の語呂を入力
03-0000-0000
<div>
    <div class="b-bPlacer-2s">
        <div class="t0-b-footerUnit-contact t0-b-footerUnit-contact--size-4">
            <div class="t0-b-footerUnit-contact__media">
                <img src="https://placehold.jp/400x160.png" data-cms-path="data.contents.0">
            </div>

            <div class="t0-b-footerUnit-contact__bd">
                <p class="t0-b-footerUnit-contact__note" data-cms-path="data.contents.1">お気軽にお問合せ下さい</p>

                <div class="t0-b-footerUnit-contact__iconText" data-cms-path="data.contents.2">
                    <div class="t0-b-footerUnit-contact__iconTextRuby" data-cms-path="data.contents.3">電話番号の語呂を入力</div>
                    <div class="t0-b-footerUnit-contact__iconTextBase">
                        <span class="t0-b-footerUnit-contact__cell"></span><span>03-0000-0000</span></div><span></span>
                </div>

            </div>
        </div>
    </div>
</div>